page {
    background-color: white;

    >view {
        width: 95%;
        margin: 50rpx auto;
    }
}

.courseDetail {
    width: 95%;
    min-height: 350rpx;
    display: flex;
    justify-content: space-around;
    align-items: center;
    flex-wrap: wrap;
    border-radius: 20rpx;
    box-shadow: 15rpx 15rpx 30rpx rgba(0, 0, 0, 0.1);

    .img {
        flex: 0 0 40%;
    }

    .courseInfo {
        flex: 0 0 50%;

        .name {
            font-size: 130%;
            margin: 20rpx 0;
        }

        .price {
            text {
                color: red;
                font-size: 120%;
                position: relative;
                left: 200rpx;
            }
        }
    }
}

.chooseChildren {
    text {
        position: relative;
        top: 75rpx;
        z-index: 500;

    }
}

.remark {
    display: flex;
    width: 95%;
    box-sizing: border-box;

    text {
        flex: 0 0 15%;
        padding: 10rpx 0;
    }

    input {
        flex: 0 0 85%;
        padding: 10rpx 0;
        border-bottom: solid 2rpx black;
    }
}

.payBtn {
    margin: 0;
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 80rpx;
    line-height: 80rpx;
    box-shadow: 0 -5rpx 30rpx rgba(0, 0, 0, 0.1);
    background-color: white;

}